/* 
    Document   : classes
    Created on : 2012-06-29, 11:37:23
    Author     : mc104001
    Description:
        Klasy strony
*/

.clear {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.fll {
    float:left;
    text-align: left;
}

.frl {
    float:right;
    text-align: left;
}

.flr {
    float: left;
    text-align: right;
}
.disable, .disable:hover {
	background: none repeat scroll 0 0 #cccccc !important;
	color: #e3e3e3;
}
.frr {
    float: right;
    text-align: right;
}

.nav, .nav li, .menu, .menu li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 7px 2px;
}

.nav, .nav li {
    display: inline;
    padding: 2px 7px;
    white-space: nowrap;
}
.menu li {
    padding: 0 3px 0 15px;
    border: 1px #d9e5f6 solid;
    border-left-width: 8px;
}

.menu li a {
    padding: 2px 0 2px 0;
    display: block;
    height: 15px;
}
.menu li a:hover {
    color: #003366;
	border-color: #b2c1d1;
    background-color: #edeff2;
}

.backgroundOpacity  {
    background: rgba(252, 252, 252, 0.8);
    border: 2px rgba(46, 52, 54, 0.2) solid;
    border-radius: 8px;
    padding:20px;
}

.loader {
    background: rgba(252, 252, 252, 0.5) url('img/ajax-loader.gif') no-repeat center;
}

.flash-error, .flash-notice, .flash-success {
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

.flash-error {
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

.flash-notice {
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

.flash-success {
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

.flash-error a {
    color:#8a1f11;
}

.flash-notice a {
    color:#514721;
}

.flash-success a {
    color:#264409;
}

.close {
    background: none repeat scroll 0 0 rgba(3, 76, 140, 0.6);
    border-radius: 0 8px 0 10px;
    color: #FAFAFA;
    display: block;
    font-size: 11px;
    padding: 3px 7px 5px 9px;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
}
.close .right {
    border-left: 2px solid #F2F2F2;
    padding-left: 7px;
}
.close:hover {
    color: rgb(240, 240, 230);
}
.icon-clear {
	cursor: pointer;	
	float: left;
	margin: 1px;
	padding: 1px;
}
html .ui-corner-all {
    border-radius:8px;
}
.group-list-style  {
	max-width: 150px;
	min-width: 100px;
}

.icon {
	cursor: pointer;
}
.icon:hover {
	background-color: rgba(32, 74, 135, 0.6);
	border-radius: 7px;
}
.radius-tl {
	border-top-left-radius: 6px;
}
.radius-tr {
	border-top-right-radius: 6px;
}
.radius-bl {
	border-bottom-left-radius: 6px;
}
.radius-br {
	border-bottom-right-radius: 6px;
}
.menu-top {
	border-bottom: 1px solid black;
    float: right;
    height: 17px;
    margin-top: -18px;
    padding: 2px 5px 2px 40px;
}
.menu-top > .icon-clear {
	float:right;
}

.hint {
    margin: 0;
    padding: 0;
    color: #999;
}

.note {
    font-size: 12px;
    font-style: italic;
}
.ui-icon {
	float:right;
	margin-top: 4px;
}